<!-- 问题反馈 -->
<style scoped rel="stylesheet/scss" lang="scss">
	@import '../../../css/public.scss';
	.MyCn{
		height: 100%;
		background-color:#f3f5f8;
	}
	
	
	form{
		width: 100%;
		padding:30px;
		>ul{
			width: 100%;
			>li{
				width: 100%;
				div.title{
					padding-top:20px;
					width: 100%;
					font-size: 26px;
					color: #666;
					text-align: center;
				}
				div.inputCn{
					width: 100%;
					height: 100px;
					position: relative;
					>input{
						width: 100%;
						height: 100%;
						font-size: 48px;
						padding-left: 140px;
						border:none;
						border-bottom:1px solid #ddd;

					}
					input.verification{
						padding-right: 220px;
					}
					
				}
				div.verificationBtn{
					width: 200px;
					height: 60px;
					text-align: center;
					color: #333;
					border-left:1px solid #ddd;
					position: absolute;
					top: 20px;
					right: 0;
				}
				button{
					width: 100%;
					height: 88px;
					color: #fff;
					font-size: 34px;
					background-color:$themeColor;
					border:none;
					margin-top: 50px;
				}
				textarea{
					width: 100%;
					border:1px solid #e1e1e1;
					border-radius: 10px;
					background-color: #fff;
					height: 400px;
					padding:25px;
					font-size: 24px;
				}
			}
		}
	}



</style>

<template>
	<section class="MyCn">
		<section>
			<head-nav :title-info="titleInfo"></head-nav>
		</section>

		<form>
			<ul>
				<li>
					<textarea placeholder="欢迎留下您的反馈 ..."></textarea>
				</li>
				
				<li>
					<button>提交</button>
				</li>

			</ul>
		</form>


	</section>
</template>

<script>

	import headNav from '../../public/headNav';

	
	export default {
		data(){
			return {
				titleInfo: {
					close: true,
					title: '问题反馈',
					color: '#333',
					goHome: true,
					backColor: '#fff'
				}
			}
		},
		components: {
			headNav,
			
		},
		computed: {
	    		    	
	    },
	    watch:{
	    	
	    }

	}
</script>
